<!doctype html>
<html>

<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" href="css/mui.min.css" />
<link rel="stylesheet" href="css/app.css" />
<style type="text/css">
.mui-icon .mui-badge {
    background-color: #06C1AE;
    height: 14px;
    line-height: 16px;
    font-size: 10px;
    padding: 0 5px;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
}
</style>
</head>

<body>
    <nav class="mui-bar mui-bar-tab">
        <a class="mui-tab-item mui-active" data-href="page/main.index.html">
            <span class="mui-icon mui-icon-home"></span>
            <span class="mui-tab-label">首页</span>
        </a>
        <a class="mui-tab-item" data-href="page/main.tel.html">
            <span class="mui-icon mui-icon-phone"></span>
            <span class="mui-tab-label">电话</span>
        </a>
        <a class="mui-tab-item" data-href="page/main.email.html">
            <span class="mui-icon mui-icon-email">
                <span class="mui-badge">5</span>
            </span>
            <span class="mui-tab-label">邮件</span>
        </a>
        <a class="mui-tab-item" data-href="page/main.my.html">
            <span class="mui-icon mui-icon-person"></span>
            <span class="mui-tab-label">我</span>
        </a>
    </nav>
    <script src="js/mui.min.js"></script>
    <script src="js/app.js"></script>
    <script src="js/main.js"></script>
</body>

</html>